<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<style>
  div {
    width: 500px;
    height: 500px;
    /*
    - 一个元素可以社做多重背景图像
    - 每组属性间使用逗号分隔
    - 如果设置的多重背景图之间存在着交集(即存在着重叠关系), 前面的背景图会覆盖在后面的背景图之上
    - 为了避免背景将图像盖住，背景色通常都定义在最后一组上。
    */
    background: url(../image/l.jpg) no-repeat left top,
    url(../image/3.jpg) no-repeat right bottom hotpink;
  }
</style>
<body>
  <div></div>
</body>
</html>
